<template>
	<div id="app">
		<header>
			
			<router-link to="/home">首页</router-link>
			<router-link to="/news">新闻</router-link>
			<router-link to="/newscnt">新闻内容</router-link>
		</header>
		
		
		<router-view></router-view>
	</div>
</template>

<script>
	export default {
		name: 'app',
		data() {
			return {
				msg: 'Welcome to Your Vue.js App'
			}
		}
	}
</script>

<style lang="scss">
header{
	position: fixed;
	width:100%;
	display: flex;
	height:4rem;
	line-height: 4rem;
	background: deepskyblue;
	a{
		display: block;
		flex: 1;
		text-align: center;
		color: #fff;
	}
}
</style>